<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
		body{
			margin: 0px;
			padding:0px;
		}
			.container{
				background-color: #f4f4f4;
				height:50px ;
			}
			
			.inner{
				width: 1200px;
				height: 50px;
				border:solid 5px red;
				margin : 0  auto;
				box-sizing: border-box;
			}
			
			.inner .ib{
				display: inline-block;
			}
			.inner .right{
				float:right;
			}
		</style>
	</head>
	<body>

		<div class="container" >
			
			<div class="inner">
				<div class="left  ib " >
					left
				</div>
				<div class="right ib" >
					right
				</div>
			</div>
			
			
		</div>


	</body>
</html>
